<!DOCTYPE html>
<html lang="en">
<head><!--head 用来引入样式文件、JS库-->
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="https://cdn.bootcss.com/vue/2.6.7/vue.min.js"></script>
</head>
<body>
<div id="app">
    Hello Wold!
    {{msg}}
    {{ (count + 1) * 10 }}

    <div v-html="template"></div>
    <a v-bind:href="url">Link</a>
    <a :href="url">Link</a>
    <button v-on:click="submit()">Confirm</button>
    <button @click="submit()">Confirm</button>
</div>
<script>
    new Vue({
        el: '#app',
        data: {
            msg: 'Hello msg!',
            count: 1,
            url: 'www.baidu.com/',
            template: '<div>Hello Template</div>'
        },
        methods: {
            submit : function () {
                alert(this.count++)
            }
        }
    })
</script>
</body>
</html>